<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style>
        html,
        body,
        #app,
        .el-container {
            padding: 0px;
            margin: 0px;
            height: 100%;
        }

        a {
            text-decoration-line: none;
            color: black;
        }

        .el-aside::-webkit-scrollbar {
            display: none;
        }

        .el-main::-webkit-scrollbar {
            display: none;
        }

    </style>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script src="../js/axios.min.js" type="text/javascript"></script>
    <script src="../js/vue.js" type="text/javascript"></script>
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <title>教练中心</title>
</head>
<body>
<div id="app">
    <el-container>
        <!--顶栏-->
        <el-header>
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
                <el-menu-item index="1"><a href="coachHome.html">个人中心</a></el-menu-item>
                <el-menu-item index="2"><a href="venueSearch.html">所有场馆</a></el-menu-item>
                <el-menu-item index="3"><a href="coachSearch.html">所有教练</a></el-menu-item>
                <el-menu-item index="4"><a href="article.html">场馆论坛</a></el-menu-item>
            </el-menu>
            <div class="line"></div>
        </el-header>
        <!--网页主体-->
        <el-container>
            <!--左侧边栏-->
            <el-aside width="200px">
                <el-menu class="el-menu-demo" mode="vertical" @select="select">
                    <el-menu-item index="myInfo">
                        <i class="el-icon-menu"></i>
                        <span><a href="coachInfo.html" target="content">我的资料</a></span>
                    </el-menu-item>
                    <el-menu-item index="myWallet">
                        <i class="el-icon-menu"></i>
                        <span><a href="myWallet.html" target="content">我的钱包</a></span>
                    </el-menu-item>
                    <el-menu-item index="myStu">
                        <i class="el-icon-menu"></i>
                        <span><a href="myStu.html" target="content">我的学员</a></span>
                    </el-menu-item>
                    <el-menu-item index="myBook">
                        <i class="el-icon-menu"></i>
                        <span><a href="checkBook.html" target="content">我的预约</a></span>
                    </el-menu-item>
                    <el-menu-item index="myOrder">
                        <i class="el-icon-menu"></i>
                        <span><a href="checkOrder.html" target="content">我的订单</a></span>
                    </el-menu-item>
                    <el-menu-item index="myLesson">
                        <i class="el-icon-menu"></i>
                        <span><a href="checkLesson.html" target="content">我的课程</a></span>
                    </el-menu-item>
                </el-menu>
            </el-aside>
            <!--主页面-->
            <el-main>
                <div id="iframe">
                    <iframe name="content" frameborder="0" src="coachInfo.html"
                            style="width: 100%;height: 500px"></iframe>
                </div>
            </el-main>
        </el-container>
    </el-container>
</div>
<script>
    new Vue({
        el: "#app",
        data() {
            return {
                activeIndex: '1',
                userInfo: {}
            };
        },
        methods: {
            handleSelect(key, keyPath) {
                console.log(key, keyPath);
            },
            getMyInfo() {
                axios.get("/account/getMyInfo").then(resp => {
                    if (resp.status === resp.data.code) {
                        this.userInfo = resp.data.data
                    }
                })
            }
        },
        created() {
            this.getMyInfo()
        }
    })
</script>
</body>
</html>